<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/common.jsp"%>
<html>
<head>
	<title>审批处理</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/blue/pageCommon.css" />
   
    <script type="text/javascript">
     /**
		 * 在审批处理的页面有两个button,分别是同意和不同意
		 * 	<input type="image" src="../style/blue/images/button/agree.png"/>
			<input type="image" src="../style/blue/images/button/disagree.png"/>
			1、在页面上创建一个隐藏域
			2、在页面上分别对这两个button添加click事件
			3、根据不同的click事件，对隐藏域赋值不同的值
			4、action端可以根据其值来判断是同意还是不同意
		 */
	   function agree()
	   {
	     document.getElementById("isapprove").setAttribute("value", "agree");
	     var approve= document.getElementById("isapprove").getAttribute("value");
	     alert(approve); 
	   }
	   function disagree()
	   {
	      document.getElementById("isapprove").setAttribute("value","disagree");
	      var approve = document.getElementById("isapprove").getAttribute("value");
	      alert(approve);
	   }
	</script>
</head>
<body>

<!-- 标题显示 -->
<div id="Title_bar">
    <div id="Title_bar_Head">
        <div id="Title_Head"></div>
        <div id="Title"><!--页面标题-->
            <img border="0" width="13" height="13" src="${pageContext.request.contextPath}/css/images/title_arrow.gif"/> 审批处理
        </div>
        <div id="Title_End"></div>
    </div>
</div>

<!--显示表单内容-->
<div id=MainArea>
    <s:form action="workFlowAction_approve.do">
		<div class="ItemBlock_Title1"><!-- 信息说明 --><div class="ItemBlock_Title1">
        	<img border="0" width="4" height="7" src="${pageContext.request.contextPath}/css/blue/images/item_point.gif" /> 申请信息 </div> 
        </div>
        <div class="ItemBlockBorder">
            <div class="ItemBlock">
                <table cellpadding="0" cellspacing="0" class="mainForm">
					<tr>
						<td><a href="javascript:void(0)" style="text-decoration: underline">[点击下载申请的文档]</a></td>
					</tr>
                </table>
            </div>
        </div>
	
		<div class="ItemBlock_Title1"><!-- 信息说明 --><div class="ItemBlock_Title1">
        	<img border="0" width="4" height="7" src="${pageContext.request.contextPath}/css/blue/images/item_point.gif" /> 审批信息 </div> 
        </div>
        <div class="ItemBlockBorder">
            <div class="ItemBlock">
                <table cellpadding="0" cellspacing="0" class="mainForm">
                    <tr>
                        <td>审批意见</td>
                        <td><s:textarea name="comment" class="TextareaStyle" style="width: 500px;"></s:textarea></td>
                    </tr>
                </table>
            </div>
        </div>
 
 		<!-- 表单操作 -->
        <div id="InputDetailBar" style="float:none">
			<!--onclick事件在submit之前触发-->
			<s:hidden id="isapprove" name="isapprove"/>
			<input type="image" name="approve" src="${pageContext.request.contextPath}/css/blue/images/button/agree.png" onclick="agree(this)"/>
			<input type="image" name="approve" src="${pageContext.request.contextPath}/css/blue/images/button/disagree.png" onclick="disagree(this)"/>
            <!-- <img src="${pageContext.request.contextPath}/css/blue/images/button/sendBack.png" onClick="selectToNode();" /> -->
            <a href="javascript:history.go(-1);"><img src="${pageContext.request.contextPath}/css/images/goBack.png"/></a>
        </div>
		
    </s:form>
</div>
 
<div class="Description">
	说明：<br />
	1，同意：本次审批通过，流程继续执行。如果所有的环节都通过，则表单的最终状态为：已通过。<br />
	2，不同意：本次审批未通过，流程结束，不再继续执行。表单的最终状态为：未通过。<br />
   	<!--
    3，如果点击了同意，并且当前节点中有多个Transition，则会弹出一个窗口选择要使用的Transition。<br>
	4，退文（回退）：就是将表单退回到当前节点以前的任意一个节点，包括上一步和发起人。<br>&nbsp;&nbsp;
	   接到退文的审批人对表单重新审批，审批通过后继续按原预设的流程进行流转，原先已经审批过的审批人需要重新审批。<br>&nbsp;&nbsp;
	   比如，一个审批单的审批流程是：甲→乙→丙→丁。丙在审批的时候，选择了退文到甲，那么这个流程实际就变成了：甲→乙→丙→甲→乙→丙→丁。<br>
    -->
</div>

</body>
</html>
